<template>
	<view class="content">
		<view class="submit-title">
			
				<view class="submit-title3" @click="goMall">完成</view>
			
			<view class="submit-title1">
				<view class="submit-title-img">
					<image src="../../../static/mall/mall6.png" mode=""></image>
				</view>
				<view class="submit-title-name">支付成功</view>
			</view>
			<view class="submit-title2">
				<view class="submit-title2-name">
					支付金额： 948金钻
				</view>
				<view class="submit-title2-name2">
					查看订单
				</view>
			</view>
		</view>
		<!-- 猜你喜欢 -->
		<view class="like">
			<view class="like-title">猜你喜欢</view>
			<view class="classify">
				<view class="classify-content">
					<view class="classify-content-img">
						<image src="../../../static/home/home-imgs1.png" mode=""></image>
					</view>
					<view class="classify-content-name">
						这里是商品标题这里是商品标题
						这里是商品标题...
					</view>
					<view class="classify-content-jia">
						￥2839.92
					</view>
					<view class="classify-content-yh">
						<view class="classify-content-yh1">
							<image src="../../../static/mall/mall8.png" mode=""></image>
						</view>
						<view class="">
							这是用户名
						</view>
					</view>
				</view>
				<view class="classify-content">
					<view class="classify-content-img">
						<image src="../../../static/home/home-imgs1.png" mode=""></image>
					</view>
					<view class="classify-content-name">
						这里是商品标题这里是商品标题
						这里是商品标题...
					</view>
					<view class="classify-content-jia">
						￥2839.92
					</view>
					<view class="classify-content-yh">
						<view class="classify-content-yh1">
							<image src="../../../static/mall/mall8.png" mode=""></image>
						</view>
						<view class="">
							这是用户名
						</view>
					</view>
				</view>
				<view class="classify-content">
					<view class="classify-content-img">
						<image src="../../../static/home/home-imgs1.png" mode=""></image>
					</view>
					<view class="classify-content-name">
						这里是商品标题这里是商品标题
						这里是商品标题...
					</view>
					<view class="classify-content-jia">
						￥2839.92
					</view>
					<view class="classify-content-yh">
						<view class="classify-content-yh1">
							<image src="../../../static/mall/mall8.png" mode=""></image>
						</view>
						<view class="">
							这是用户名
						</view>
					</view>
				</view>
				<view class="classify-content">
					<view class="classify-content-img">
						<image src="../../../static/home/home-imgs1.png" mode=""></image>
					</view>
					<view class="classify-content-name">
						这里是商品标题这里是商品标题
						这里是商品标题...
					</view>
					<view class="classify-content-jia">
						￥2839.92
					</view>
					<view class="classify-content-yh">
						<view class="classify-content-yh1">
							<image src="../../../static/mall/mall8.png" mode=""></image>
						</view>
						<view class="">
							这是用户名
						</view>
					</view>
				</view>
			
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			goMall() {
				uni.switchTab({
					url: '../mall'
				})
			}
		}
	}
</script>

<style lang="scss">

.content {
	
		min-width: 722rpx;
		max-width: 1358rpx;
		margin: 0 auto;
		background-color: #F5F5F5;
		.submit-title {
			background: linear-gradient(#fcc122, #ffe246);
			padding-bottom: 76rpx;
			.submit-title3 {
				position: fixed;
				top: 65rpx;
				right: 25rpx;
				font-size: 25rpx;
				font-weight: 600;
			}
			.submit-title1 {
				display: flex;
				flex-direction: row;
				justify-content: left;
				padding: 181rpx 25rpx 0 25rpx;
				.submit-title-img {
					width: 50rpx;
					height: 50rpx;
					image {
						max-width: 100%;
						max-height: 100%;
					}
				}
				.submit-title-name {
					font-size: 28rpx;
					font-weight: 600;
					margin-left: 21rpx;
				}
			}
			.submit-title2 {
				display: flex;
				flex-direction: row;
				margin-left: 72rpx;
				margin-top: 21rpx;
				
				.submit-title2-name {
					font-size: 21rpx;
				}
				.submit-title2-name2 {
					margin-left: 36rpx;
					font-size: 21rpx;
				}
			}
			}
			// 猜你喜欢
			.like {
				margin: 43rpx 25rpx;
				.like-title {
					font-size: 28rpx;
					font-weight: 600;
					text-align: center;
				}
				// 分类内容
				.classify {
					flex-wrap: wrap;
					display: flex;
					flex-direction: row;
					justify-content: space-around;
					.classify-content {
						width: 333rpx;
						margin-top: 18rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-around;
						.classify-content-img {
							width: 333rpx;
							height: 333rpx;
							image {
								max-width: 100%;
								height: 100%;
								
							}
						}
						.classify-content-name {
							margin: 18rpx;
							font-size: 25rpx;
							font-weight: Medium;
							
						}
						.classify-content-jia {
							margin: 18rpx;
							font-size: 25rpx;
							color: #eb3e3e;
						}
						.classify-content-yh {
							display: flex;
							flex-direction: row;
							justify-content: left;
							font-size: 18rpx;
							color: #20212d;
							.classify-content-yh1 {
								margin-right: 14rpx;
								width: 36rpx;
								height: 36rpx;
								image {
									max-width: 100%;
									max-height: 100%;
								}
							}
						}
					}
				}
				
			}
}
</style>
